@charset "utf-8";
@import "common/run";
.web {
    header {
        .a {
            position: relative;
            .abc {
                width: r(26px);
                height: r(26px);
                border-radius: 50%;
                background: red;
                text-align: center;
                line-height: r(26px);
                color: white;
                font-size: r(16.21px);
                position: absolute;
                top: r(20px);
                left: r(20px);
            }
        }
    }
    section {
        width: 100%;
        position: absolute;
        top: r(89px);
        bottom: r(91px);
        overflow-y: auto;
        .section {
            width: r(583px);
            padding-bottom: r(27px);
            border-bottom: 1px solid #7D7D7D; 
            margin: 0 auto;
            
            p:nth-child(1) {
                
                padding-top: r(45px); //          padding-bottom: r(130px);
                font-size: r(30px);
                color: #010101;
            }
            p:nth-child(2) {
                padding-top: r(10px); //          padding-bottom: r(130px);
                font-size: r(22px);
                color: #c5c5c5;
                i{
                    font-size: r(22px);
                }
            }
            p:nth-child(3) {
                padding-top: r(50px);
                         
                padding-bottom: r(25px);
                font-size: r(22px);
                color: #c5c5c5;
            }
            span{
                width: 100%;
                height: r(337px);
                img{
                    width: 100%;
                }
            }
        }
        .section2{
            >p{
                font-size: r(40px);
                color: #3D3D3D;
                padding-top: r(35px);
                padding-left: r(26px);
            }
            ul{
                width: 100%;
                line-height: r(75px);
                height: r(150px);
                box-sizing: border-box;
                background: #B20000;
                li{
                    float: left;
                    width: 33%;
//                  line-height: r(75px);
                
                    text-align: center;
                    a{
                    width: 100%;
                    height: 100%;
                    color: white;
                    display: block;
                    i{
                        font-size: r(42px);
                    }
                    span{
                        font-size: r(23px);
                    }
                    li:not(:first-child){
                background: url(../images/common/foot_line.jpg) no-repeat left center;
            }
                }
                }
            }
        }
    }
    
}